import { Rate } from 'antd';
import * as React from 'react';
interface PinProps extends React.ComponentProps<typeof Rate> {
  checked: boolean;
  onCheckedChange?: (checked: boolean) => void
}

export const Pin = (props: PinProps) => {
  const {checked, onCheckedChange, ...restProps}  = props
  return <Rate count={1}
    value={checked? 1:0}
    onChange={(num)=>onCheckedChange?.(!!num)}
    {...restProps}
  />
}